<?php if (!defined('THINK_PATH')) exit(); /*a:2:{s:63:"F:\yxl\tp5.com\public/../application/admin\view\rule\rules.html";i:1561118666;s:56:"F:\yxl\tp5.com\application\admin\view\layout\header.html";i:1561267602;}*/ ?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>layout 后台大布局 - Layui</title>
    <link rel="stylesheet" href="/static/layui/css/layui.css">
    <style>
        /*分页*/
        .pagination {}

        .pagination li {display: inline-block;margin-right: -1px;padding: 7px;border: 1px solid #e2e2e2;min-width: 20px;margin-top:20px;text-align: center;}

        .pagination li.active {background: #009688;color: #fff;border: 1px solid #009688;}

        .pagination li a {display: block;text-align: center;}

        a{
            color: #FF00FF;
        }

        table{
            margin-top:30px;
            text-align:center;
        }

        select{
            text-align:center;
        }
    </style>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">layui 后台布局</div>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
            <li class="layui-nav-item"><a href="">控制台</a></li>

            <li class="layui-nav-item layui-this">
                <a href="javascript:;">功能</a>
                <dl class="layui-nav-child">
                    <dd><a href="<?php echo url('index/img'); ?>">轮播图</a></dd>
                    <dd><a href="<?php echo url('index/flow'); ?>">流加载</a></dd>
                    <dd><a href="<?php echo url('index/send_sms'); ?>">手机号验证</a></dd>
                    <dd><a href="<?php echo url('index/send_mail'); ?>">php邮箱验证</a></dd>
                </dl>
            </li>

            <li class="layui-nav-item"><a href="">商品管理</a></li>
            <li class="layui-nav-item"><a href="">用户</a></li>
            <li class="layui-nav-item">
                <a href="javascript:;">其它系统</a>
                <dl class="layui-nav-child">
                    <dd><a href="">邮件管理</a></dd>
                    <dd><a href="">消息管理</a></dd>
                    <dd><a href="">授权管理</a></dd>
                </dl>
            </li>
        </ul>

        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item"><a href="<?php echo url('/demo/index/index'); ?>">进入前台</a></li>
            <li class="layui-nav-item">
                <a style="color:red">
                    <img src="http://t.cn/RCzsdCq" class="layui-nav-img">

                </a>
                <dl class="layui-nav-child">
                    <dd><a href="<?php echo url('means/index'); ?>">基本资料</a></dd>
                    <dd><a href="<?php echo url('means/settings'); ?>">安全设置</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href="<?php echo url('login/loginout'); ?>">该退了</a></li>
        </ul>
    </div>


    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <!-- 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->
                <li class="layui-nav-item layui-nav-itemed">
                    <a href="javascript:;">列表页面</a>
                    <dl class="layui-nav-child">
                        <dd><a href="<?php echo url('Index/index'); ?>">博客列表</a></dd>
                        <dd><a href="<?php echo url('jquery/jlist'); ?>">地区列表</a></dd>
                        <dd><a href="<?php echo url('nav/index'); ?>">图片列表</a></dd>
                        <dd><a href="<?php echo url('UserList/userlist'); ?>">管理员列表</a></dd>
                        <dd><a href="<?php echo url('auth/index'); ?>">角色列表</a></dd>
                        <dd><a href="<?php echo url('group/group'); ?>">用户组列表</a></dd>
                        <dd><a href="<?php echo url('Rule/rules'); ?>">权限列表</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">列表添加</a>
                    <dl class="layui-nav-child">
                        <dd><a href="<?php echo url('nav/add_nav'); ?>">添加导航</a></dd>
                      <!--  <dd><a href="<?php echo url('index/add'); ?>">添加标题</a></dd>
                        <dd><a href="<?php echo url('admin/UserList/addUser'); ?>">添加管理员</a></dd>-->
                        <dd><a href="<?php echo url('Jquery/add'); ?>">添加地区用户</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="<?php echo url('index/upload'); ?>">图片上传</a></li>
                <li class="layui-nav-item"><a href="<?php echo url('Chat/ChatList'); ?>">聊天室</a></li>
              <!--  <li class="layui-nav-item"><a href="<?php echo url('Jquery/nav'); ?>">无限级分类</a></li>-->
                <li class="layui-nav-item"><a href="<?php echo url('Jquery/Treeview'); ?>">树型菜单</a></li>
            </ul>
        </div>
    </div>

    <div class="layui-body">
        <!--内容主体区域-->
        <!--<div style="padding: 15px;">内容主体区域</div>-->
        <table class="layui-hide" id="demo" lay-filter="test"></table>
    </div>

    <div class="layui-footer">
        <!-- 底部固定区域 -->
        © layui.com - 底部固定区域

    </div>
</div>

<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<script src="/static/layui/layui.js"></script>


<script type="text/html" id="switchTpl">
    <!-- 这里的 checked 的状态只是演示 -->
    <input type="checkbox" name="status" value="{{d.id}}" lay-skin="switch" lay-text="启用|禁用" lay-filter="sexDemo" {{ d.status == 1 ? 'checked' : '' }}>
</script>
<script>
    //JavaScript代码区域
    layui.use(['laydate','jquery', 'form', 'layer', 'table', 'carousel', 'upload', 'element', 'slider'], function() {
        var laydate = layui.laydate; //日期
        var laypage = layui.laypage;//分页
        var layer = layui.layer;//弹层
        var table = layui.table;//表格
        var carousel = layui.carousel;//轮播
        var upload = layui.upload;//上传
        var element = layui.element;//元素操作
        var form = layui.form;
        var $ = layui.jquery;//滑块


        table.render({
            //执行一个 table 实例

            elem: '#demo'
            , height:''
            , page: true //开启分页
            , toolbar: 'default' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
            , url: "<?php echo url('/admin/rule/rule_list'); ?>" //数据接口
            ,totalRow: true //开启合计行
            , cols: [[ //表头
                {type:'checkbox',fixed:'left'}
                ,{field: 'id', width: 150, title: 'ID', align: 'center',sort: true, fixed: 'left'}
                ,{field: 'name', width:180, title: '功能地址', align: 'center', sort: true}
                ,{field: 'title', width:140, title: '名称', align: 'center', sort: true}
                ,{field:'status', width:150, title: '状态码',  align:'center',templet: '#switchTpl', unresize: true}
                ,{field: 'right', title: '操作',toolbar: '#barDemo',width:170,align:'center'}
            ]]
        });

        //监听是否显示操作
        form.on('switch(sexDemo)', function(obj){
            // alert(111);
            $.ajax({
                url:"<?php echo url('admin/rule/ruleUpdateStatus'); ?>",
                data:{id:this.value,status:obj.elem.checked},
                type:"post",
                success:function(data){
                    if(data == 200){
                        layer.msg('修改成功');
                    }else{
                        layer.msg('修改失败');
                    }
                }
            });
        });

        //监听头工具栏事件
        table.on('toolbar(test)', function(obj){
            var checkStatus = table.checkStatus(obj.config.id)
                ,data = checkStatus.data; //获取选中的数据
            var ids = "";
            for(var i = 0;i < data.length;i++)
            {
                ids += data[i].id+',';
            }
            switch(obj.event){
                case 'add':
                    layer.open({
                        // 弹出层类型
                        type: 2,
                        // 弹出样式
                        anim: 1,
                        // 样式类名
                        skin:'layui-layer-molv',
                        // 标题信息
                        title:'添加数据',
                        // 宽高
                        area:['750px','650px'],
                        // 接口地址and参数
                        content: '<?php echo url("rule/ruleAdd"); ?>',
                        // 关闭窗口
                        btn :'关闭窗口',
                    });
                    break;
                case 'update':
                    if(data.length === 0){
                        layer.msg('请选择一行');
                    } else if(data.length > 1){
                        layer.msg('只能同时编辑一个');
                    } else {
                        layer.open({
                            // 弹出层类型
                            type: 2,
                            // 弹出样式
                            anim:1,
                            // 样式类名
                            skin:'layui-layer-molv',
                            // 标题信息
                            title:'修改数据',
                            // 宽高
                            area:['800px','690px'],
                            // 接口地址and参数
                            content:"<?php echo url('rule/update'); ?>"+"?id="+data[0]['id'],
                            btn:'关闭窗口',
                        });
                    }
                    break;
                case 'delete':
                    if(data.length === 0){
                        layer.msg('请选择一行');
                    } else {
                        layer.confirm('真的删除么', function(index){
                            $.ajax({
                                url: "/admin/rule/delAll/",
                                type: "POST",
                                // 获取到obj对象里面data里得id做为删除得条件
                                data: "id="+ids,
                                success: function (msg) {
                                    if (msg == 200) {
                                        //关闭弹框
                                        $(".layui-form-checked").each(
                                            function(){
                                                $(this).parents("tr").remove();
                                            }
                                        );
                                        layer.msg("删除成功", {icon: 6});
                                        layer.close(index);
                                    } else {
                                        layer.msg("删除失败", {icon: 5}); }
                                }
                            });
                            return false;
                        });
                    }
                    break;
            }
        });

        //监听工具条
        table.on('tool(test)', function(obj){
            var data = obj.data; //获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
            //console.log(checkStatus);
            if(layEvent === 'detail'){ //查看
                //do somehing
                layer.open({
                    type: 0,
                    anim:5,
                    title:'数据信息展示',
                    area:['400px','400px'],
                    content: 'id：'+obj.data.id+'<br/>'+'功能地址：'+obj.data.name+'<br/>'+'名称：'+obj.data.title+'<br/>'+'状态码：'+obj.data.status+'<br/>'
                    //content:'id：'+'<input type="text" value="'+obj.data.id+'">',
                });
            }else if(layEvent === 'del'){ //删除
                layer.confirm('真的删除行么', function(index){
                    //obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
                    layer.close(index);
                    //向服务端发送删除指令
                    $.ajax({
                        url: "/admin/rule/delRule",
                        type: "POST",
                        // 获取到obj对象里面data里得id做为删除得条件
                        data: {id:obj.data.id},
                        success: function (msg)
                        { if (msg.code == 1) {
                            //删除这一行
                            //console.log(msg);
                            obj.del();
                            //关闭弹框
                            layer.msg("删除成功", {icon: 6});
                            layer.close(index);
                        } else {
                            layer.msg("删除失败", {icon: 5}); }
                        }
                    });
                    return false;
                });
            } else if(layEvent === 'edit'){ //编辑
                //do something
                //同步更新缓存对应的值
                layer.open({
                    type:2,
                    // 弹出样式
                    anim:1,
                    // 样式类名
                    skin:'layui-layer-molv',
                    // 标题信息
                    title:'修改数据',

                    area:['800px','650px'],
                    content:"<?php echo url('rule/update'); ?>"+"?id="+obj.data.id,
                    btn:'关闭窗口',
                })
            }
        });
    });
</script>